#homepageHeader {
  height: .45rem;
  background: #de4943;
  font-size: .18rem;
  color: #fff;
  text-align: center;
  line-height: .45rem;
  @include flexbox();
  @include flex-direction(row);
  text-align: center;
  align-items: center;
  .logoIcon {
    width: .57rem;
    height: .27rem;
    background: url('../images/spirite.png') no-repeat;
    background-size: 200px 60px;
    overflow: hidden;
    margin: 0 .07rem;

  }

  .inputWrapper {
    @include flex(1);
    @include flexbox();
    height: .3rem;
    background: white;
    border-radius: .08rem;
    span {
      width: .13rem;
      height: .13rem;
      background: url('../images/search.png') no-repeat;
      background-size: .13rem .13rem;
      margin:.08rem 0 0 .08rem;
    }
    input {
      height: .3rem;
      @include flex(1);
      border: 0;
      border-radius: .08rem;
      color: black;
      margin-left: .05rem;
    }
  }

  #naviSearch {
    width: .45rem;
    font-size: .13rem;
  }


}
